import React from 'react';
import { type SvgIconProps } from '@mui/material/SvgIcon';
import AppSvgIcon from 'components/shared/icons/AppSvgIcon';

const TimeGapIcon: React.FC<SvgIconProps> = ({ sx, ...props }) => (
  <AppSvgIcon sx={sx} viewBox='0 0 17 16' {...props}>
    <path
      fillRule='evenodd'
      clipRule='evenodd'
      d='M2.99463 13.6877V12.6686C4.81385 15.2537 8.05543 16.5683 11.2578 15.6809C15.4123 14.5295 17.8322 10.1342 16.7371 5.90714C15.642 1.68013 11.4214 -0.87495 7.26687 0.276391C6.73464 0.423886 6.41547 0.97686 6.55398 1.51149C6.69249 2.04613 7.23623 2.35997 7.76846 2.21247C10.8059 1.3707 13.9778 3.2299 14.8098 6.44127C15.6417 9.65265 13.7936 12.903 10.7562 13.7448C8.10641 14.4791 5.35438 13.158 4.14268 10.6768H5.87264C6.42492 10.6768 6.87264 10.2291 6.87264 9.67681C6.87264 9.12453 6.42492 8.67681 5.87264 8.67681H1.99463C1.44234 8.67681 0.994629 9.12453 0.994629 9.67681V13.6877C0.994629 14.24 1.44234 14.6877 1.99463 14.6877C2.54691 14.6877 2.99463 14.24 2.99463 13.6877ZM10.0651 4.6137C10.0651 4.06142 9.61734 3.6137 9.06505 3.6137C8.51277 3.6137 8.06505 4.06142 8.06505 4.6137V8.59756C8.06505 9.14985 8.51277 9.59756 9.06505 9.59756H11.954C12.5063 9.59756 12.954 9.14985 12.954 8.59756C12.954 8.04528 12.5063 7.59756 11.954 7.59756H10.0651V4.6137Z'
      fill='#B3BAC5'
    />
  </AppSvgIcon>
);

export default TimeGapIcon;
